<template>
    <div class="howtoExamine">
        <div class="title">订单审核功能</div>
		<div class="content">
			<div class="flex">
				<div class="bold">订单初审：</div><div>订单的开户人年龄限制、一个人开卡张数限制、不发货地区等限制条件，由系统自动识别判断，订单状态为“初次审核”。</div>
			</div>
			<div class="flex">
				<div class="bold">订单审核：</div><div>初审完成后，订单进入订单审核页面，进行人工审核，主要审核照片是否合格，以及部分疑似不发货地区订单的再次确认。</div>
			</div>
			<img :src="howtodo1">
			<div class="flex">
				<div>订单审核：人工审核身份证照片是否合格，点击查看即可开始审核订单身份证照片，点击审核通过自动进入下一个，审核拒绝必须输入原因，可点击拒绝。</div>
			</div>
			<img :src="howtodo2">
			<div class="flex">
				<div class="title2">功能详解：</div>
			</div>
			<div class="flex">
				<div>1、拖拽可调整图片顺序、单机图片可进入裁剪框，支持图片旋转 </div>
			</div>
			<div class="flex">
				<div>2、图片大小检测；首先设置好图片要求的最大上限值，然后该商品的所有订单会按照该规则自动检测图片大小，图片过大会在右下角以红字提示。</div>
				<div class="nei">
					<div class="bold">操作方法：</div>
					<div>（1）商品图片上限设置：点击左上角设置图片上限，注：该设置针对商品生效。 </div>
					<div>（2）对于超出上限的照片，点击照片进入裁剪框后直接点保存通常可以解决。</div>
				</div>
				
			</div>
			<div class="flex">
				<div>3、快速原因自定义，您可自行设置快速拒绝原因，定义后选择使用即可。</div>
					<div class="nei">
					<div class="bold">操作方法：</div>
					<div>点击自定义按钮在弹窗中，依次输入需要的快速原因，输入的顺序即为排列顺序，您可在该窗口 增、删、改、调整排列位置操作。 </div>
				</div>
			</div>
			<div class="flex">
				<div>4、订单信息修改，您可在该页面修改订单的产品及收货信息，注：仅修改产品信息不触发订单状态变更，修改地址需人工审核是否敏感地区。</div>
			</div>
		</div>
    </div>
</template>

<script>
    import axios from "axios";
    export default{
    	name: 'howtoExamine',
    	data(){
    		return{
				howtodo1:'./static/help/howtodo1.png',
				howtodo2:'https://file.storep.91haoka.cn/gantanhao/howtodo2.png',
    		}
    	},
    	created() {
    		
    	},
        methods:{
           
        }
    }
</script>

<style lang="scss" scoped>
	.howtoExamine{ font-size: 14px;
  background: #F1F1F1;
  font-size: 14px;
  
  .exit {
    margin-left: 20px;
    cursor: pointer;
    color: #77C9FF;
  }
  
  .flex {
    display: flex;
    flex-wrap: wrap;
  }
  
  .w1350 {
    width: 1350px;
    margin: 0 auto;
  }
  
  .top {
    height: 30px;
    line-height: 30px;
  }
  
  .logo {
    background: #42628D;
    padding: 20px 0;
  }
  
  .center {
    padding: 30px 0;
  
    .hleft {
      background: #fff;
      width: 330px;
      box-sizing: border-box;
      padding-top: 10px;
      color: #77C9FF;
      border-radius: 5px;
      box-shadow: 0 0 5px #ccc;
  
      .title {
        padding-bottom: 20px;
        padding-top: 20px;
        font-size: 16px;
        font-weight: bold;
        padding-left: 35px;
      }
  
      .nav:hover {
        background: #F1F1F1;
      }
  
      .nav {
        line-height: 40px;
        padding-left: 35px;
        display: block;
        color: #77C9FF;
      }
  
      .router-link-active {
        background: #F1F1F1 !important;
      }
    }
  
    .hright {
      background: #fff;
      justify-content: space-between;
      width: 1000px;
      box-sizing: border-box;
      margin-left: 20px;
      border-radius: 5px;
      box-shadow: 0 0 5px #ccc;
      padding-bottom: 30px;
  
      img {
        width: 100%;
        display: block;
        margin: 20px 0;
      }
  
      .title {
        padding: 15px 30px;
        font-size: 18px;
        color: #4D4D4D;
        border-bottom: 1px #DBDBDB solid;
      }
  
      .title2 {
        color: #FF6161;
        font-weight: bold;
      }
  
      .title4 {
        color: #FF7777;
        font-size: 14px
      }
  
      .bold {
        font-weight: bold;
      }
  
      .content {
        padding: 0 35px;
        line-height: 50px;
      }
  
      .nei {
        padding-left: 60px;
      }
  
      .blue {
        color: #77C9FF;
      }
  
      .title3 {
        font-size: 16px;
      }
  
      .big {
        font-size: 18px;
        padding: 20px 0;
      }
    }
  }
		
	}
</style>
